﻿<!DOCTYPE html>
<html>

<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <meta charset="utf-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <script src="~/layui-v2.2.45/layui/layui.all.js"></script>

    <link href="~/layui-v2.2.45/layui/css/layui.css" rel="stylesheet" />
    <script src="~/Scripts/jquery-1.10.2.min.js"></script>
    <link href="~/Content/bootstrap.css" rel="stylesheet" />
    <style>
         a{
            text-decoration:none;

        }
        ul li {
            margin-left:26px;
            margin-top:14px;
            font-size:14px;
                    
        }
            ul li a:hover {
                color:#808080;
               text-decoration:none; 
                
               
            }
        
    </style>

</head>
<body>
    <div style="width:1000px; margin:0 auto;">
        <div>
            <div style="height:20px; background-color:#eee7e7;">
                <p style="margin-left:100px; color:#808080">010-345/666预约电话<label style="color:#808080;margin-left:360px;">欢迎来到萨瓦迪卡统一挂号平台&nbsp;  请 &nbsp;&nbsp;</label><a onclick="Logins()">登录</a>&nbsp;&nbsp;&nbsp;<a onclick="Zhuce()">注册</a></p>
            </div>
            <div>

                <div style="position:relative; width:100%;height:140px; background:url(/images/yiyuans.jpg);background-size:cover;">
                    <img src="/images/yiyuan.PNG" alt="Alternate Text" style="margin-left:300px; margin-top:30px;" />
                    <a href="/Hospital/HospitalMainShow" style="font-size:30px; color:#ffd800;position:absolute;top:48px; left:400px;text-decoration:none;">萨瓦迪卡统一挂号平台</a>
                </div>


                <div style="height:50px; background-color:#4fd3e5;position:relative;">
                    <ul>
                        <li style="float:left"><a href="/Hospital/HospitalMainShow">首页</a></li>
                        <li style="float:left"><a href="/Hospital/YuYueGuaHao">网上预约挂号</a></li>
                        <li style="float:left"><a href="/Hospital/TouSu">投诉功能</a></li>
                        <li style="float:left"><a href="/Hospital/JiaoLiu">医患交流平台</a></li>
                        <li style="float:left"><a href="/Hospital/ChaXun">综合查询平台</a></li>
                        <li style="float:left"><a href="/Hospital/DoctorMain">医生主页</a></li>
                        <li style="float:left"><a href="/Hospital/Blacklist">黑名单功能</a></li>
                        <li style="float:left"><a href="/Hospital/ZhiNeng">智能搜索</a></li>
                        <li style="float:left"><a href="/Hospital/YuYueHelp">预约须知和帮助</a></li>
                        <li style="float:left;position:absolute; left:850px; top:-23px;"><img src="/images/aixin.jpg" alt="Alternate Text" style="margin-left:44px; width:80px; height:80px;" /></li>
                    </ul>
                </div>
            </div>
        </div>
    </div>

        <div>
            @RenderBody()
            <hr />
            <footer>
                <p><img src="/images/lastinfo.PNG" alt="Alternate Text" style="" /></p>
            </footer>
        </div>

        @Scripts.Render("~/bundles/jquery")
        @Scripts.Render("~/bundles/bootstrap")
        @RenderSection("scripts", required: false)
    
</body>

</html>
<script>
    function Logins()
    {
        layer.open({
            title: ['医院平台登录系统', 'font-size:26px;color:#ff0000;text-align:center;'],
            content: '<div class="row" style="width: 420px;  margin-left:7px; margin-top:10px;">'
            +'<div style="margin-left:30px;">'
 + '<p><span style="font-size:26px; color:#0094ff">用户名:</span><input type="text" name="name" value="" id="UserName"  style="width:200px; height:30px;" placeholder="请输入用户名"   class="form-control" /></p>'
     + '<p style="margin-top:10px;"><span style="font-size:26px; color:#0094ff">密&nbsp;&nbsp;&nbsp;码:</span><input type="text" name="name" value="" id="UserPwd" style="width:200px; height:30px;" placeholder="请输入密码"  class="form-control" /></p>'


+ '</div>'
            ,
            area: ['500px', '300px'],                        
            btnAlign:'c',
            tips: '#c00',
            skin: 'demo-class',
            btn: ['登录', '取消'],
            anim:5,
            yes:function(index,layero)
            {
                alert('111');
                $.ajax({
                    url: '/Hospital/Logins',
                    type: 'post',
                    data: { username: $("#UserName").val(), userpwd: $("#UserPwd").val() },
                    success: function (data) {
                        alert(data.message);
                    }
                })
            },                     
        });       
    }
    
    function Zhuce()
    {
        layer.open({
            title: ['注册系统', 'font-size:26px;color:#ff0000;text-align:center'],
            content: '<div class="row" style="width: 420px;  margin-left:7px; margin-top:10px;">'
            +'<div style="margin-left:30px;">'
 + '<p><span style="font-size:26px; color:#0094ff">用户名:</span><input type="text" name="name" value="" id="UserName"  style="width:200px; height:30px;" placeholder="请输入用户名"   class="form-control" /></p>'
     + '<p style="margin-top:10px;"><span style="font-size:26px; color:#0094ff">密&nbsp;&nbsp;&nbsp;码:</span><input type="text" name="name" value="" id="UserPwd" style="width:200px; height:30px;" placeholder="请输入密码"  class="form-control" /></p>'


+ '</div>'
            ,
            area: ['500px', '300px'],                        
            btnAlign:'c',
            tips: '#c00',
            btn: ['注册','取消'],
            yes:function(index,layero)
            {
                alert('111');
                $.ajax({
                    url: '/Hospital/Logins',
                    type: 'post',
                    data: { username: $("#UserName").val(), userpwd: $("#UserPwd").val() },
                    success: function (data) {
                        alert(data.message);
                    }
                })
            },                     
        });       
    }



</script>